* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

@media only screen and (min-width: 500px) {
	ul.menu li a {
		font-size: 32px;
	}
	div.product-list div p {
		font-size: 24px;
	}
}

@media only screen and (max-width: 500px) {
	ul.menu li a {
		font-size: 14px;
	}
	div.product-list div h1 {
		font-size: 14px;
	}
	div.showProduct>p {
		font-size: 18px !important;
	}
	div.product-list div p {
		font-size: 12px;
	}
	div.productAndServer>p {
		font-size: 18px !important;
	}
	div.serverInfo>h4 {
		font-size: 14px !important;
	}
	div.serverText>p {
		font-size: 12px !important;
	}
	div.applicationArea>p {
		font-size: 18px !important;
	}
	div.applicationAreaText>h4 {
		font-size: 18px !important;
	}
	div.applicationAreaText>p>span {
		font-size: 12px !important;
	}
	div.successCase>p {
		font-size: 18px !important;
	}
	div.caseInfo>h4 {
		font-size: 18px !important;
	}
	div.caseInfo>p {
		font-size: 12px !important;
	}
	div.aboutUs>p {
		font-size: 18px !important;
	}
	ul.contact>li>h4 {
		font-size: 14px !important;
	}
	ul.contact>li>p {
		font-size: 12px !important;
	}
	div.footer>p {
		font-size: 12px !important;
	}
	div.casePage {
		font-size: 12px !important;
	}
	div.caseInfo>p:nth-of-type(1) {
		margin-bottom: 1% !important;
	}
}

body,
html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	background: #F5F5F5;
	position: relative;
}

div.header {
	width: 100%;
	background-image: url(../mobileimages/banner.png);
	position: relative;
}

div.bg1 {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: url(../mobileimages/blingbling.png);
	background-size: 100%;
}

div.logo1 {
	width: 10%;
	float: left;
	margin-left: 5%;
	margin-top: 5%;
}

a.menu-con1 {
	width: 6%;
	float: right;
	margin-right: 5%;
	margin-top: 5%;
}

div.bannerTitle {
	width: 100%;
	height: 12%;
	margin-top: 15%;
	text-align: center;
}

div.bannerIntroduce {
	width: 100%;
	height: 4%;
	margin-top: 2%;
	text-align: center;
}

div.videoPlayer {
	width: 100%;
	height: 22%;
	margin-top: 4%;
	text-align: center;
}

div.videoPlayer>span {
	display: inline-block;
	width: 11%;
	height: 100%;
}

div.bg2 {
	width: 100%;
	position: absolute;
	background: white;
	z-index: 2;
	transition: .1s linear;
}

div.logo2 {
	width: 10%;
	float: left;
	margin-left: 5%;
	margin-top: 5%;
}

a.menu-con2 {
	width: 6%;
	float: right;
	margin-right: 5%;
	margin-top: 5%;
}

ul.menu {
	width: 100%;
	float: left;
	margin: 3% 0;
}

ul.menu li {
	width: 92%;
	margin: 0 auto;
	text-align: center;
	padding: 2%;
	border-bottom: 1px solid #f7f4f4;
}

ul.menu li:nth-of-type(6) {
	border-bottom: none;
}

ul.menu li a {
	color: #000000;
}

div.showProduct>p {
	font-size: 32px;
	color: #000000;
	text-align: center;
	margin-top: 10%;
	margin-bottom: 6%;
}

div.showProduct>div {
	width: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
}

div.product-list>div {
	width: 92%;
	margin-right: 1%;
	margin-left: 1%;
	display: block;
	box-shadow: 0 1px 10px 1px rgba(45, 44, 44, .1);
}

div.product-text {
	background: white;
	overflow: hidden;
}

div.product-text>h1 {
	font-weight: normal;
	font-size: 30px;
	margin-top: 5%;
	margin-bottom: 3%;
	margin-left: 3%;
}

div.product-text>p {
	font-size: 24px;
	color: #717171;
	margin-bottom: 5%;
	margin-left: 3%;
}

div.product-text>img {
	width: 14%;
	margin-left: 3%;
	margin-bottom: 6%;
}

div.showProduct>.product-tip {
	margin-top: 5%;
}

div.showProduct>.product-tip>span {
	color: #5FCAF4;
	margin-left: 1%;
}

div.showProduct>b {
	display: inline-block;
	width: 92%;
	height: 1px;
	background: #e4e4e4;
	margin-left: 4%;
	margin-top: 14%;
}

div.productAndServer>p {
	font-size: 32px;
	color: #000000;
	text-align: center;
	margin-top: 10%;
	margin-bottom: 6%;
}

ul.serverList {
	width: 92%;
	margin: 0 auto;
}

ul.serverList>li {
	width: 100%;
	padding-top: 6%;
	padding-bottom: 6%;
	overflow: hidden;
	border-bottom: 1px solid #e4e4e4;
}

ul.serverList>li:nth-of-type(1) {
	padding-top: 0;
}

div.serverInfo {
	width: 65%;
	float: left;
}

div.serverInfo>h4 {
	font-size: 30px;
	font-weight: normal;
	/*margin-top: 3%;*/
	margin-bottom: 3%;
}

div.serverText p {
	margin-top: 1%;
	font-size: 24px;
	color: #717171;
}

div.serverImage {
	width: 35%;
	float: left;
}

div.applicationArea>p {
	font-size: 32px;
	color: #000000;
	text-align: center;
	margin-top: 10%;
	margin-bottom: 6%;
}

div.applicationAreaList {
	width: 100%;
}

div.applicationAreaList>div {
	width: 92%;
	margin-right: 1%;
	border-radius: 4px;
}

div.applicationAreaText {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}

div.applicationAreaText>h4 {
	width: 100%;
	text-align: center;
	font-weight: normal;
	font-size: 30px;
	color: #FFFFFF;
	margin-top: 15%;
	margin-bottom: 6%;
}

div.applicationAreaText>p {
	width: 100%;
}

div.applicationAreaText>p>span {
	display: block;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	margin-bottom: 2%;
}

div.application-tip {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	margin-top: 5%;
	text-align: center;
}

div.application-tip>span {
	margin-left: 1%;
	border-radius: 50%;
}

div.applicationArea>b {
	display: inline-block;
	width: 92%;
	height: 1px;
	background: #e4e4e4;
	margin-left: 4%;
	margin-top: 14%;
}

div.successCase>p {
	font-size: 32px;
	color: #000000;
	text-align: center;
	margin-top: 10%;
	margin-bottom: 6%;
}

div.caseList {
	width: 100%;
	padding-bottom: 1%;
}

div.caseList>div {
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
	box-shadow: 0 1px 10px 1px rgba(45, 44, 44, .1);
}

div.caseImage {
	width: 50%;
	height: 100%;
	float: left;
}

div.caseInfo {
	width: 50%;
	float: left;
	background: white;
}

div.caseInfo>h4 {
	font-size: 30px;
	margin-top: 20%;
	text-align: center;
	font-weight: normal;
}

div.caseInfo>p {
	width: 90%;
	margin-left: 5%;
	font-size: 20px;
	color: #717171;
	margin-top: 4%;
	text-align: left;
}

div.caseInfo>p:nth-of-type(1) {
	margin-bottom: 10%;
	width: 100%;
	text-align: center;
	margin-left: 0;
}

div.casePage {
	position: absolute;
	right: 5%;
	bottom: 3%;
	font-size: 20px;
}

div.casePage>b {
	font-weight: normal;
	color: #5FCAF4;
}

div.successCase>b {
	display: inline-block;
	width: 92%;
	height: 1px;
	background: #e4e4e4;
	margin-left: 4%;
	margin-top: 5%;
}

div.aboutUs>p {
	font-size: 32px;
	color: #000000;
	text-align: center;
	margin-top: 10%;
	margin-bottom: 6%;
}

ul.contact {
	width: 92%;
	margin: 0 auto;
}

ul.contact>li {
	margin-bottom: 7%;
}

ul.contact>li>h4 {
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 4%;
}

ul.contact>li>P {
	font-size: 24px;
	color: #717171;
}

div.footer {
	background: #17285C;
}

div.footer>p {
	font-size: 24px;
	color: white;
	text-align: center;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}